<template>
	<div class="container">
		<el-col :sm="10" class="error-subtitle">
			<h2>服务异常！！！</h2>
			<h2>请联系管理员！</h2>
		</el-col>
		<el-col :sm="14">
			<el-image :src="error" alt="error"></el-image>
		</el-col>
	</div>
</template>

<script>
export default {
	name: "page-500",
	data() {
		return {
			error: require("@/assets/images/500.png")
		};
	}
};
</script>

<style scoped>
.container {
	height: 800px;
	vertical-align: middle;
	width: 100%;
	padding: 0 30px;
}

.error-subtitle {
	font-size: 40px;
	height: 100%;
	vertical-align: middle;
	margin-top: 160px;
}

>>> .el-image {
	width: 100%;
}
</style>